<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户管理</title>
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
          integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
    <link rel="stylesheet" href="/demo02_userManage_war/static/css/user_manage.css">
</head>
<body>
<h1>用户列表如下</h1>
<div id="toolbar">
    <button type="button" class="btn btn-primary">刷新</button>
</div>
<!-- 获取用户列表 -->
<div style="margin: 0 auto;max-width: 1200px;">
    <table id="user_table" style="max-width: 1200px;">

    </table>
</div>
<%--  添加修改用户信息模态框 --%>
<div class="modal fade" id="update_user_info_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">修改此用户信息</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="update_user_info_modal_body">
                <div class="form-group">
                    <label for="uname-au">用户名</label>
                    <input type="text" class="form-control" id="uname-au" name="uname">
                    <small id="emailHelp" class="form-text text-muted">这是用户名</small>
                </div>
                <div class="form-group">
                    <label for="hobby-au">兴趣爱好</label>
                    <input type="text" class="form-control" id="hobby-au" name="hobby">
                </div>
            </div>
            <div class="modal-footer" id="update_user_info_modal_footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">提交修改</button>
            </div>
        </div>
    </div>
</div>


</body>
<script src="/demo02_userManage_war/static/js/jquery-3.6.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
        integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js"
        integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2"
        crossorigin="anonymous"></script>
<script src="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.js"></script>
<script src="/demo02_userManage_war/static/js/user_manage.js"></script>
</html>
